@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
*:active, *, *:focus{
	outline:none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body{
	padding-top:54px;
}
ul{
	list-style:none;
}
a{
	text-decoration:none;
	color:inherit;
	word-break:break-all;
}
h1, h2, h3, h4, h5, h6{
	font-family:'Open Sans', Roboto, Helvetica Neue, Helvetica, Segoe WP, Segoe UI, Arial, sans-serif;
}

@external viewTextPanel, highlightText;
.viewTextPanel
{
	padding: 10px;	
}
.viewTextPanel H1 
{
	color: #154a52;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
}
.viewTextPanel H2 
{
	color: #154a52;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
}
.viewTextPanel P
{
	font-weight: normal;
	color: #404040;
	text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
	font-size: 14px;
}
.viewTextPanel .highlightText
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #404040;
	text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
	font-size: 14px;
}


@url cruxLogo cruxLogo; 
@external crux-TopMenuDisposal, headerPanel, showMenuButton, menuPanel, menuEntry;
.crux-TopMenuDisposal .headerPanel
{
	width:100%;
	background:cruxLogo #003C47 right -77px center no-repeat;
	background-size:109px 36px;
	border-top: solid 3px #C0D406;
	box-shadow: 0px 1px 0px #639700 inset, 0 -2px 0 rgba(0,0,0,0.24) inset;
	top:0;
	left:0;
	position:fixed;
	z-index:5;
}
.crux-TopMenuDisposal .headerPanel:after{
	content:'Crux Framework';
	position:absolute;
	top:11px;
	left:50%;
	margin-left:-70px;
	color:#fff;
	font-size:20px;
	font-family:'Open Sans', Roboto, Helvetica Neue, Helvetica, Segoe WP, Segoe UI, Arial, sans-serif;
	font-weight:lighter;
	text-shadow:0 1px 3px rgba(0,0,0,0.2);
}
.crux-TopMenuDisposal .menuPanel .menuEntry
{
	width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	border-radius: 0px !important;
	background-image: -webkit-linear-gradient(#85b603,rgba(133,182,2,1.0) 38%, #6ca000);
	border: solid 0px;
	border-bottom: 1px solid rgba(82, 129, 0, 1);
	cursor: pointer;
	padding:19px;
	text-shadow:0 1px 0 rgba(255,255,255,0.35);
}

@external crux-PromoBanner, title, text, leftArrow, rightArrow, leftArrow-disabled, rightArrow-disabled, bullet, bullet-active;
@external crux-HorizontalSwapPanel;
.crux-PromoBanner DIV
{
	background-size: cover !important;
	background-position: center !important;
}
.crux-PromoBanner
{
	box-shadow: 0 5px #7e979b, 0 6px #005070, 0 7px #F0F0F0;
	margin-bottom: 8px !important;
	top:0;
	left:0;
	position:absolute;
}
.crux-PromoBanner .title
{
	font-size: 22px;
	color: #222;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
	margin-left: 10px;
	margin-top: 65px;
}
.crux-PromoBanner .text
{
	background-attachment: scroll;
	color: #153A42;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 8px;
	text-align: justify;
	text-shadow: rgba(255, 255, 255, 0.496094) 0px 1px 0px;
	width: 95%;
}

@external itemSlot, infoButton;
.itemSlot 
{
	width: auto !important;
	height: 60px !important;
	box-shadow: 0 0 0 3px rgba(255,255,255,0.2), 0 0 5px 2px rgba(0,0,0,0.15), 0 0 20px rgba(0,0,0,0.8) inset;
	border-radius: 4px;
	border: solid 0;
	-webkit-transition: all 0.3s linear;
	display: block;
	margin-bottom: 10px;
	position: relative;
}
.itemSlot:hover
{
	box-shadow: 0 0 0 3px rgba(255,255,255,0.9);
}
.infoButton
{
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	height: 100%;
	width: 80%;
	border: solid 0px;
	background-color: rgba(255,255,255,0.9);
	right: 0px;
	position: absolute;
	top: 0px;
	border-left: solid 1px rgba(255,255,255,1);
	box-shadow: -1px 0px 0 rgba(0,0,0,0.3);
	cursor: pointer;
	color: #055a72;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: rgba(255,255,255,0.496094) 0 1px 0;
	font-weight: normal;
	font-size: 14px;
}

@external infoSlot, fastInfo, javaInfo, crossInfo, aboutInfo;
.infoSlot
{
	background-position: 0px 0px !important;
	background-size: 100% auto !important;
}

/*
@sprite .fastInfo{
	gwt-image: "iconFast";	
}
@sprite .javaInfo{
	gwt-image: "iconJava";	
}
@sprite .crossInfo{
	gwt-image: "iconCrossDev";	
}
@sprite .aboutInfo{
	gwt-image: "iconSocial";	
}
*/

@external appSlot;
.appSlot{
	background-position:0px 0px !important;
	background-size:100% auto !important;
}

@external topTag;
.topTag
{
	padding:2px;
	padding-bottom:3px;
}
/*End of Legacy styles*/
/*CruxSiteNew styles*/
/*note: clean-up the mess in this file after*/
p{
	text-align:justify;
}
@external footerUl, container, initItems, rssPanelBody, liLast, crux-entryDate, footer, footerLogo, footerLogoLogo, footerLogoEtc, triggoFooterLogo, messagePanel, title, text, containerHeader, footerUl, defaultLink, separator, clear, greenBlock, subtitleBox, on, quickstartList, quickstartCongrats, quickstartInfo, subtitleBox, submenu;
.footerUl{
	display:none;
}
.greenBlock .separator{
	display:none;
}
body{
    background:#e1e1e1;
    font-family:Arial, Helvetica Neue, Helvetica, Roboto, sans-serif;
    margin:0;
}
.container{
	padding:10px;
}
.container h2{
	font-weight:normal;
	color:#222;
	text-shadow: 0 1px 0 #ffffff;
	padding-bottom:10px;
	margin-top:10px;
}
a{
    color:inherit;
    text-decoration:none;
}
.initItems{
    padding:0;
    margin:0;
    width: 105.5%;
	margin-left: -10px;
	margin-top:300px;
}
.initItems li{
    border-bottom:1px solid #eaeaea;
    list-style:none;
    background:linear-gradient(rgba(0,0,0,0) 80%, rgba(0,0,0,0.06)) 100%;
    box-shadow:0 -1px 0 rgba(0,0,0,0.09) inset;
    padding:0 10px 20px 10px;
}
.initItems li.liLast{
	border-bottom:none;
	background:none;
	box-shadow:none;
}
.initItems li h2{
    color:#444;
    font-family:'Open Sans', Roboto, Helvetica Neue, Helvetica, Segoe WP, Segoe UI, Arial, sans-serif;
    font-weight:lighter;
}
.initItems li p{
    text-align:justify;
    line-height:25px
}
.initItems li a{
    width:50%;
    display:block;
    margin:0 auto;
    background:red;
    text-align:center;
    padding:10px;
    background:#77a400;
    color:#fff;
    text-shadow:0 1px 1px rgba(0,0,0,0.5);
    border-radius:5px;
}
.rssPanelBody{
    border:2px solid #77a400;
    border-radius:4px;
    margin-bottom:10px;
}
.rssPanelBody tr td{
    font-size:15px;
    border-bottom:1px solid #ccc;
    padding:10px 5px;
    color:#222;
}
.rssPanelBody .crux-entryDate{
    display:none;
}
.footer{
    background:rgba(0,0,0,0.6);
    border-top:1px solid rgba(0,0,0,0.3);
    box-shadow:0 5px 0 rgba(255,255,255,0.1) inset;
    color:#fff;
    padding:0 10px;
    height:111px
}
.footer .footerLogo{
    width:150px;
    margin:0 auto;
    font-size:12px;
    text-align:center;
    margin-top:10px;
}
.footer .footerLogo .footerLogoLogo{
	background:cruxLogo no-repeat;
	background-size:100% auto;
	width:150px;
	height:50px;
}                        
.footer .footerLogo .footerLogoEtc{
    float:left;
    padding-top:8px;
}
.footer .footerLogo .footerLogoEtc b{
    display:block;
}
.footer .triggoFooterLogo{
    float:right;
    color:#cbcaca;
    font-size:11px;
    margin-top:35px;
    display:none;
}
.footer .triggoFooterLogo img{
    margin-top:4px;
}

.messagePanel .title{
    color:#fff;
    text-shadow:none;
    font-size:33px;
    font-family:'Open Sans', Roboto, Helvetica Neue, Helvetica, Segoe WP, Segoe UI, Arial, sans-serif;
    font-weight:lighter;
    margin-bottom:20px;
}
.messagePanel .text{
    width:auto;
    color:#fff;
    text-shadow:none;
    background:rgba(0,0,0,0.7);
    padding:10px;
    font-size:18px;
    border-radius:5px;
    margin:0 10px
}
.containerHeader{
    display:none;
}
.defaultLink{
	font-weight:bold;
	color:#004250;
}
.defaultLink:hover{
	font-weight:bold;
	color:#1a7c91;
}
.separator{
	width:100%;
	height:28px;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.06));
	border-bottom:1px solid #ececec;
	box-shadow:0 -1px 0 rgba(0,0,0,0.09) inset;
	margin:10px 0;
}
.clear{
	clear:both;
}
.subtitleBox{
	border-radius:4px;
	background:#a3b0b6;
	background:linear-gradient(45deg,#a3b0b6,#adb8bf);
	padding:20px;
	overflow:hidden;
	height:52px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight:lighter;
	
}
.subtitleBox h2{
	font-size:19px;
	color:#104b57;
	font-weight:lighter;
	text-shadow:none;
	background:rgba(0,0,0,0.1);
	position:absolute;
	left:0;
	top:0;
	width:96%;
	padding:2%;
	margin:0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.subtitleBox h2 i{
	color:#fff;
	font-style:normal;
	text-shadow:0 1px 1px rgba(0,0,0,0.01);	
}
.subtitleBox ul{
	margin:50px 0 0 0;
	font-size:14px;
}
.subtitleBox ul li{
	padding:0 13px;
	color:#003c5e;
	float:left;
	position:relative;
}
.subtitleBox ul li:after{
	content:'/';
	position:absolute;
	margin-top:-16px;
	right:0;
	margin-right:-1px;
}
.subtitleBox ul li:last-child{
	padding-right:0;
}
.subtitleBox ul li:last-child:after{
	content:'';	
}
.subtitleBox ul li.on a{
	color:#fff;
	font-weight:bold;
}
.subtitleBox ul li a{
	display:block;
}
.quickstartList{
	color:black;
	counter-reset:quickstartCounter;
	/*list-style:none;*/
	position:relative;
}
.quickstartList:before{
	content:'';
	position:absolute;
	width:2px;
	background:rgba(0,0,0,0.2);
	z-index:2;
	height:77%;
	margin:3% 0 8% -27px;
	box-shadow:0 0 0 1px rgba(0,0,0,0.35);
}
.quickstartList li{
	padding:8px 0;
	position:relative;
	list-style:none;
}
.quickstartList li:before{
	position:absolute;
	content:counter(quickstartCounter);
	counter-increment:quickstartCounter;
	width:37px;
	height:37px;
	border-radius:37px;
	box-shadow:0 0 0 3px #8b9ca3 inset;
	background:#a3b0b6;
	text-align:center;
	line-height:37px;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0.4);
	font-weight:bold;
	margin-left:-45px;
	z-index:3;
}
.quickstartList li p{
	margin-top:10px;
	font-size:14px;
}
.quickstartList img{
	box-shadow:0 0 0 1px rgba(0,0,0,0.23), 0 3px 10px rgba(0,0,0,0.18);
	margin:10px 0;
	width:100% !important;
	height:250px !important;
	background-size:100% 100% !important;
}
.quickstartCongrats{
	font-weight:lighter;
	color:#696969;
	margin:40px 0;
	text-align:center;
	font-size:18px;
}
.quickstartCongrats b{
	font-weight:bolder;
}
.quickstartInfo{
	margin:10px 0px 20px;
}
.subtitleBox{
    height:auto;
    border-radius:0;
    box-shadow:0 -1px 0 rgba(0,0,0,0.2) inset;
}
.subtitleBox h2{
    font-size:21px;
}
.subtitleBox .submenu{
    list-style:none;
    margin:35px 0 0 0;
    padding:0;
}
.subtitleBox .submenu li{
    background:rgba(0,0,0,0.2);
    margin:10px 5px 0 2px;
    padding:5px 10px;
    border-radius:5px;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}
.subtitleBox .submenu li:after{
    content:'';
}
.subtitleBox .submenu li:last-child{
    padding-right:10px;
}

@external examplesList, exampleCall, exampleText, exampleImg, svnName;
.examplesList{
	padding:0;
}
.examplesList li{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:10px;
	margin-bottom:10px;
}
.examplesList li:nth-last-child\(2\){
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.examplesList li p{
	color:#727272;
	font-size:13px;
}
.examplesList li .exampleCall{
	width:100%;
	height:113px;
	border-radius:4px;
	margin:5px 0;
	background:#ccc;
	position:relative;
	overflow:hidden;
}
.examplesList li .exampleCall .exampleText{
	position:relative;
	z-index:2;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
	padding:20px;
}
.examplesList li .exampleCall .exampleImg{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	-moz-transition:all 0.25s ease-in-out;
}
.examplesList li:hover .exampleCall .exampleImg{
	-moz-transition:all 0.25s ease-in-out;
	-moz-transform:scale(1.1)
}
.examplesList li .exampleCall .exampleText h3{
	font-size:35px;
	font-weight:lighter;
	float:left;
	margin-top:12px;
}
.examplesList li .exampleCall .exampleText .svnName{
	float:none;
	text-align:left;
    padding:10px;
	border-radius:4px;
	background:rgba(0,0,0,0.5);
	text-align:center;
	margin-top:60px;
	font-size:11px;
	min-width:200px;
    position:absolute;
    box-shadow:0 0 0 1px rgba(255,255,255,0.1);
    left:0;
}

.examplesList li .exampleCall .exampleText .svnName:last-child{
	left:initial;
	right:0;
	max-width:140px;
}

.examplesList li .exampleCall .exampleText .svnName a{
	color:#AAFF67;
}

.examplesList li .exampleCall .exampleText .svnName br{
    display:none;
    visible:none;
}

@external stackTitle, gwt-StackPanel, stackContent, gwt-StackPanelContent;
.gwt-StackPanel{
	width:100%;
}
.stackTitle{
	background:rgba(243,243,243,0.4);
	border-radius:3px;
	box-shadow:0 0 0 1px rgba(0,0,0,0.17) inset, 0 0 0 2px rgba(255,255,255,0.52) inset;
	color:#455359;
	font-size:12px;
	font-weight:normal;
	font-size:15px;
	padding:6px 10px;
	margin:0 0 1px;
	cursor:pointer;
}
.stackTitle:hover{
	background:rgba(243,243,243,0.6);
}
.stackContent{
	background:linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0)) rgba(71,85,92,0.3);
	margin:-2px 5px 0;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0.2);
	overflow:auto;
}
.gwt-StackPanelContent{
	padding:0;
}
.gwt-StackPanelContent p{
	padding:0 10px;	
	text-align: justify;
	font-size: 14px;
	line-height: 22px;
}

@external manual, toc, chapter, programlisting, title, navigation, sect2, list-of-figures, list-of-tables, toc-title, table-contents, appendix;
.manual{
	position:relative;
}
.manual .toc, .manual .list-of-figures, .manual .list-of-tables{
	 padding:10px;
	 left:0;
	 top:0;
	 border-radius:4px;
	 background:rgba(0,0,0,0.2);
	 clear:left;
	 margin-bottom:10px;
}
.manual .toc li{
	padding:5px 0;	
}
.manual .toc li a:hover{
	/*a:hover aqui*/
}
.manual section.chapter, .manual section.appendix{
	border-bottom:1px solid rgba(0,0,0,0.2);
	box-shadow:0 2px 0 rgba(0,0,0,0.05);
	padding-bottom:10px;
}
.manual section.chapter:last-child{
	border-bottom:none;
	box-shadow:none;
}
pre.programlisting{
	text-wrap:wrap;
	width:100%;
	overflow-x:scroll;
	background:rgba(0,0,0,0.6);
	box-shadow:0 1px 3px rgba(0,0,0,0.2) inset;
	color:#fff;
	padding:5px 0;
	text-shadow:0 1px 0 rgba(0,0,0,0.4);
	border-radius:4px;
}
.manual section.chapter .toc{
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.manual h1.title{
	color:#074754;
}
.manual h2.title{
	color:#222;
	font-size:17px;
}
.manual .navigation{
	
}
.manual .toc-title{
	font-weight:bold;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:8px;
}
.manual section.chapter .toc{
	width:100%;
}
.manual .table-contents table{
	border-radius:5px;
	border:none !important;
	width:100%;
	margin-top:15px;
	background:#f5f5f5;
	box-shadow:0 1px 5px rgba(0,0,0,0.1);
	color:#444;
}
.manual .table-contents table tr{
    border:none !important;
}
.manual .table-contents table tr td{
	padding:5px 4px;
	border:1px solid #999 !important;
}
.manual .table-contents table tr th{
    padding:8px 4px;
    border:1px solid #999 !important;
    color:#222;
    background:#eaeaea;
    box-shadow:0 -2px 0 rgba(0,0,0,0.05) inset;
}
.manual .table-contents table tr:hover td{
    background:#fff7b1;
}
.manual .sect2{
	padding-left:4px;
}
.manual .navigation ul{
    padding-left:5px;
}
.manual section.chapter.appendix{
	background:red;
}
@external teamList, teamImg;
.teamList{
	margin:5px 0 0;
	padding:0;
}
.teamList li{
	margin-bottom:20px;
}
.teamList li:nth-child\(5\){
	margin-right:0;
}

/* @url userBg userBg; */
.teamList .teamImg{
	width:130px;
	height:160px;
	background:#fff;
	box-shadow:0 0 0 1px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.1);
	margin-bottom:10px;
	/*background:userBg no-repeat bottom center #fff;*/
}
.teamList h3{
	margin:10px 0 0 0;
}
.teamList h4{
	color:#003642;
	font-size:13px;
	font-weight:bold;
	margin:0;
}
.teamList h5{
	color:#646464;
	font-size:13px;
	font-weight:normal;
	margin:0;
}
.teamList h6{
	color:#1d1d1d;
	font-size:11px;
	font-weight:bold;
	margin:0;
}

@external compareTable;
.compareTable{
	width:100%;
	padding:0;
	border-spacing:0;
    border-collapse:collapse;
}
.compareTable thead tr th{
	color:#fff;
	text-align:center;
	font-size:12px;
	padding:7px 10px;
}
.compareTable thead tr th:first-child{
	border-radius:4px 0 0 0;
	font-style:italic;
	font-weight:normal;	
}
.compareTable thead tr th:last-child{
	border-radius:0 4px 0 0;	
}
.compareTable thead tr th:nth-child\(odd\){
	background:#00303b;
	box-shadow:-1px 0 0 rgba(0,0,0,0.15) inset;
}
.compareTable thead tr th:nth-child\(even\){
	background:#002b35;
	box-shadow:-1px 0 0 rgba(0,0,0,0.05) inset;
}
.compareTable tbody tr td{
	border-bottom:1px solid #dbdbdb;
	background:#f4f4f4;
	padding:5px;
	box-shadow:-1px 0 0 rgba(0,0,0,0.05) inset;
	text-align:center;
	font-size:11px;
}
.compareTable tbody tr td:first-child{
	text-align:left;	
}
.compareTable tbody tr td:nth-child\(odd\){
	box-shadow:-1px 0 0 rgba(0,0,0,0.15) inset;
}
.compareTable tbody tr td:nth-child\(even\){
	background:#dbdbdb;
	border-bottom:1px solid #c0c0c0;
}

@url icon1star icon1star;
@url icon2stars icon2stars;
@url icon3stars icon3stars;
@external star1, star2, star3;
.compareTable tbody tr td span{
	background-size:100% 100% !important;
}
.compareTable tbody tr td span.star1{
	width:22px;
	height:21px;
	background:icon1star no-repeat center center;
	display:inline-block;
}
.compareTable tbody tr td span.star2{
	width:22px;
	height:21px;
	background:icon2stars no-repeat center center;
	display:inline-block;
}
.compareTable tbody tr td span.star3{
	width:22px;
	height:21px;
	background:icon3stars no-repeat center center;
	display:inline-block;
}

@url mobileMenuButton mobileMenuButton;
@external crux-TopMenuDisposal, showMenuButton;
.crux-TopMenuDisposal .showMenuButton
{
	background:mobileMenuButton center center no-repeat rgba(0,0,0,0.2);
	background-size:26px 14px;
	border-right:1px solid rgba(0,0,0,0.26);
	height:50px;
	width:45px;
	margin-top:1px;
	-webkit-user-select:none;
	outline:none;
}

@external scrollTable;
.scrollTable{
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
}

@external communityBlocks, communityItens;
.communityBlocks{
	padding:0;
}
.communityBlocks li h2{
	text-align:left;
}
.communityBlocks > li:nth-child\(1\){
	margin-bottom:10px;
}

.communityItens{
    padding: 0;
    border-radius:4px;
    overflow:hidden;
}
.communityItens li{
    color: white;
    background:#77A400;
    text-shadow:0 -1px 0 rgba(0,0,0,0.3);
text-align:center;
padding:5px;
border-bottom:1px solid #658B00;
}
.communityItens li:last-child{
    border-bottom:none;
}
.communityItens li a{
    color:#fff;
    font-weight:normal;
}
.communityItens p{
    color:red !important;
    font-size:11px
}

@external quickstartBannerBtn;
.quickstartBannerBtn{
	margin-top:20px;
	width:100%;
	padding:20px 0;
	background:#205C7E;
	font-size:19px;
}

@external buttonsDownload, btn-bigblue;
.buttonsDownload{
	list-style:none;
	padding:0;
	margin:0;
}
.buttonsDownload li{
	margin-bottom:20px;
}
.btn-bigblue{
	padding:15px 30px;
	color:#fff;
	font-size:14px;
	border-radius:4px;
	background:#01404e;
	display:inline-block;
	margin-top:-10px;
	margin-bottom:10px;
}
@external downloadCurrent;
.downloadCurrent, .downloadCurrent ul{
	padding:0;
}
.downloadCurrent li h5{
	font-size:15px;
	color:#444;
	font-weight:normal;
	margin:8px 0 0 0;
	text-align:center;
}
.downloadCurrent li h2{
	font-weight:bold;
	color:#17373e;
	font-size:30px;
	margin:0;
	text-align:center;
}

@external btnGroup;
.btnGroup{
	margin-top:10px;
}
.btnGroup li{
	background:#0e6073;
	box-shadow:0 -2px 0 #0b4d5c inset;
	margin-top:10px;
	border-radius:4px;
}
.btnGroup li a{
	display:block;
	color:#fff;
	padding:13px 20px;
	font-size:15px;
}

@external brighter;
.brighter{
	background:#4394a8 !important;
	box-shadow:0 -2px 0 #367787 inset !important;
}

@external gridList;
.gridList{
	margin:10px 0;
	width:100%;
	padding:0;
	border:0;
	border-spacing: 0;
    border-collapse: collapse;
    font-size:11px;
}
.gridList thead tr td{
	background:#444;
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding:10px;
}
.gridList tbody tr td{
	background:rgba(0,0,0,0.02);
	color:#222;
	font-size:14px;
	padding:10px;
	box-shadow:0 -1px 0 rgba(0,0,0,0.15) inset;
}
.gridList tbody tr:hover td{
	background:rgba(0,0,0,0.08);
}
.gridList tbody tr td:last-child{
	text-align:right;	
}

@external btnMini;
.btnMini{
	border-radius:3px;
	background:#0e6073;
	font-size:12px;
	color:#fff;
	border:0;
	padding:6px 0;
	width:100%;
	cursor:pointer;
	margin-bottom:5px;
	display:block;
	text-align:center;
}
.btnMini:hover{
	background:#063c49;
}
@external whoUses;
.whoUses
{
	padding:0;
}

.whoUses li
{
	text-align:center;
	margin:20px 0;
}


